-
Notifications
You must be signed in to change notification settings - Fork 171
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add automatic loading indicator to show processing #129
Conversation
…d by Luigi init callback, added config params for completely disabling the indicator and for disabling auto-hide feature, added LuigiClient methods for show and hide, updated externalExampleHtml to use Fundamental-UI and LuigiClient and added a demo indicator there
docs/navigation-configuration.md
Outdated
@@ -73,6 +73,8 @@ window.Luigi.setConfig({ | |||
- **context** sends the specified object as context to the view. Use this parameter in combination with the dynamic **pathSegment** to receive the context through the context listeners of **Luigi client**. This is an alternative to using the dynamic value in the **viewUrl**. | |||
- **defaultChildNode** sets the child node that Luigi activates automatically if the current node has no **viewUrl** defined. Provide **pathSegment** of the child node you want to activate as a string. | |||
- **isolateView** renders the view in a new frame when you enter and leave the Node. This setting overrides the same-domain frame re-usage. The **isolateView** is disabled by default. | |||
- **loadingIndicator.enabled** shows a loading indicator when switching between micro front-ends. Super fast micro front-ends might want to disable this feature. The **loadingIndicator.loadingIndicator** is enabled by default. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- ...
when you switch between micro front-ends.
- "Super fast micro front-ends might want to disable this feature." -> Super fast micro front-ends are not humans so they cannot literally "want" anything. Please paraphrase.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Something like "If you have a super fast micro frontend, you can disable this feature to prevent loading indicator flickering."
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just two corrections:
front-end
as in the rest of the documentprevent the flickering of the loading indicator.
sounds better imho
docs/navigation-configuration.md
Outdated
@@ -73,6 +73,8 @@ window.Luigi.setConfig({ | |||
- **context** sends the specified object as context to the view. Use this parameter in combination with the dynamic **pathSegment** to receive the context through the context listeners of **Luigi client**. This is an alternative to using the dynamic value in the **viewUrl**. | |||
- **defaultChildNode** sets the child node that Luigi activates automatically if the current node has no **viewUrl** defined. Provide **pathSegment** of the child node you want to activate as a string. | |||
- **isolateView** renders the view in a new frame when you enter and leave the Node. This setting overrides the same-domain frame re-usage. The **isolateView** is disabled by default. | |||
- **loadingIndicator.enabled** shows a loading indicator when switching between micro front-ends. Super fast micro front-ends might want to disable this feature. The **loadingIndicator.loadingIndicator** is enabled by default. | |||
- **loadingIndicator.hideAutomatically** disables automatic hiding of the loading indicator. Use `LuigiClient.uxManager().hideLoadingIndicator()` to hide it manually in your micro front-end during startup. The **loadingIndicator.hideAutomatically** is enabled by default. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the automatic hiding
during the startup.
docs/ux-manager.md
Outdated
- **removeBackdrop()** removes the backdrop. | ||
- **showLoadingIndicator()** adds a backdrop with a loading indicator for the micro front-end frame |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Add a dot at the end.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I suggested some improvements, but other than that really good job. Kudos! :)
core/examples/luigi-sample-angular/e2e/tests/luigi-client-features.spec.js
Show resolved
Hide resolved
Docu for navigation-configuration.md and ux-manager.md got updated after approval, please check again @klaudiagrz |
docs/ux-manager.md
Outdated
- **removeBackdrop()** removes the backdrop. | ||
- **showLoadingIndicator()** adds a backdrop with a loading indicator for the micro front-end frame. This overrides the `loadingIndicator.enabled` setting. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
loadingIndicator.enabled -> please make it bold as with the rest of the parameters
* Implemented loading indicator to automatically show and hide triggered by Luigi init callback, added config params for completely disabling the indicator and for disabling auto-hide feature, added LuigiClient methods for show and hide, updated externalExampleHtml to use Fundamental-UI and LuigiClient and added a demo indicator there * added e2e tests for loading indicator * added unit tests to check showLoadingIndicator value, added documentation * manually applied prettier * docu rephrasing * docu updates * refactoring based on PR comments * added wait timeout again to prevent iframe selection failure * extended loading indicator documentation * small docu update
LuigiClient.uxManager().showLoadingIndicator()
andLuigiClient.uxManager().hideLoadingIndicator()
Resolves #100 and #114